{include file='header.tpl'}
{include file='left.tpl'}
<div id="left-area">
    <div class="related-items clearfix" style="margin-top: 30px;">
        <h3 class="offer-title related_products">
            <span>Помощь</span>
        </h3>
        <div class="tab-content" style="display: block; border-top: 1px solid #DDDDDD; padding-bottom: 20px;">
            <h3>Получите быстрый ответ</h3>
            <div id="search-form" style="width: 420px; background: url(/images/search-bg_big.png) no-repeat; margin-top: 16px;">
                <form method="get" id="searchform" action="{geturl controller='help' action='search'}">
                    <!-- <input type="text" value="product/search" name="route" id="searchinput" style="display:none;"> -->
                    <input type="text" value="например: как покупать" style="width: 370px;" name="q" id="searchinput" onclick="if (this.value == 'например: как покупать')
                                this.value = '';" onblur="if (this.value == '')
                                            this.value = 'например: как покупать'" onkeydown="this.style.color = '#000000';">
                    <input type="image" src="/css/images/search_btn.png" id="searchsubmit">
                </form>
            </div>
        </div>
        {foreach from=$cats item='cat'}
            <div style="width: 45%; display: inline-block;">
                <table>
                    <tr>
                        <td rowspan=2>
                            <a href="{geturl route='helpcat' name=$cat->alias}"><img src="/uploads/helpcats/{$cat->image}" style="width: 70px;" /></a>
                        </td>
                        <td>
                            <a href="{geturl route='helpcat' name=$cat->alias}">{$cat->name}</a>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            {$cat->descr}
                        </td>
                    </tr>
                </table>
            </div>
        {/foreach}
        <div class="tab-content" style="display: block; border-top: 1px solid #DDDDDD; padding-bottom: 20px; margin-top: 20px;">
            <table width='100%'>
                <tr>
                    <td style='width: 50%; vertical-align: top;'>
                        <div><strong>Частые вопросы</strong></div>
                        {foreach from=$popular item='item'}
                            <div><a href="{geturl route='helppage' alias=$item->alias}">{$item->name}</a></div>
                            {/foreach}
                    </td>
                    <td style='width: 50%; vertical-align: top;'>
                        <div><strong>Новые темы</strong></div>
                        {foreach from=$last item='item'}
                            <div><a href="{geturl route='helppage' alias=$item->alias}">{$item->name}</a></div>
                            {/foreach}
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
{include file='footer.tpl'}